audio video
2019-11-13
2019-11-13
一、video标签播放
- 1、首先注意视频编码必须是:AVC 即 H264 ,音频编码必须是: AAC,这种格式的视频拖到网页直接播放;
- 2、兼容写法:在
video
内加source
标签,此处仅是预防第一个地址不能播放而起用下一个地址。 - 3、
controls
:显示控件;poster
:视频海报1
2
3
4<video src="movie.mp4" controls poster="img/p.gif">
<source src="movie.ogg" type="video/ogg">
<source src="movie.flv" type="video/flv">
</video>
二、object与embed
- 1、
object
为一个嵌入的对象,可用来做比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash,object就是多媒体; - 2、
embed
常常与object
一起出现,两者都是用来播放多媒体文件的对象,object元素用于IE浏览器,embed元素用于非IE浏览器,为了保证兼容性,通常我们同时使用两个元素; - 3、这两者播放视频时都会使用flash,以上提到的音视频图片都会显示、播放,若两者给的地址不同,浏览器只显示object的,除非不兼容。
1
2
3
4
5
6
7<object id="player" width="684" height="450" autoplay="false">
<param name="movie" value="地址">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="wmode" value="Transparent">
<embed src="地址" allowFullScreen="true" quality="high" width="684" height="450" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
</object>
三、使用插件ckplayer
- 1、非常不错的第三方播放插件,受众大,查看
- 2、文档、社区完善。